<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>微信进件</title>
    <link rel="shortcut icon" href="/favicon.ico">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta http-equiv="Expires" content="0">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-control" content="no-cache, must-revalidate">
    <meta http-equiv="Cache" content="no-cache">

    <link rel="stylesheet" href="/sui/css/sm.min.css">
    <link rel="stylesheet" href="/sui/css/sm-extend.min.css">
    <link rel="stylesheet" href="/css/agency/enterprise/wechat_mch_info.css">
</head>
<body>

<div class="page-group">
    <!-- 单个page ,第一个.page默认被展示-->
    <div class="page">
        <header class="bar bar-nav" >
            <a href="#" onclick="window.history.back(); return false;" class="external button button-link button-nav pull-left">
                <span class="icon icon-left"></span>
                返回
            </a>
        </header>
        <div class="content">
            <form class="wx_form">
                <input type="hidden" id="wxMchId" name="id" value="" th:value="${weChatMchInfo.id}">
                <input type="hidden" id="userId"  name="userId"   value=""   th:value="${weChatMchInfo.userId}">

                <!--提示信息-->
                <div class="tisShi">
                    <p>联系人信息联系人信息将用于接收签约后的重要通知，如确认协议、到期提醒等。</p>
                </div>
                <!-- 联系人信息开始-->
                <div class="contacts public">
                    <div>
                        <label style="font-size: 20px; font-weight: 500;color: #0a8ddf">联系人信息</label>
                    </div>
                    <div>
                        <label>联系人:</label>
                        <input type="text" name="contact" placeholder="联系人" th:value="${weChatMchInfo.contact}"/>
                    </div>
                    <div>
                        <label>手机号码:</label>
                        <input type="text" name="contact_phone" placeholder="联系人手机" th:value="${weChatMchInfo.contact_phone}"/>
                    </div>
                    <div>
                        <label>邮箱:</label>
                        <input type="text" name="contact_email" placeholder="联系人邮箱" th:value="${weChatMchInfo.contact_email}"/>
                    </div>
                </div>
                <!-- 联系人信息结束-->

                <!--提示信息-->
                <div class="tisShi">
                    <p>经营信息根据监管要求，请如实填写企业的经营信息。</p>
                </div>
                <!--经营信息开始-->
                <div class="management public">
                    <div>
                        <label style="font-size: 20px; font-weight: 500;color: #0a8ddf">经营信息</label>
                    </div>
                    <div>
                        <label>商户简称:</label>
                        <input type="text" name="merchant_shortname" placeholder="输入商户简称" th:value="${weChatMchInfo.merchant_shortname}"/>
                    </div>
                    <div>
                        <label>门店名称:</label>
                        <input type="text" name="store_name" placeholder="输入门店名称" th:value="${weChatMchInfo.store_name}"/>
                    </div>
                    <div>
                        <label>门店省市编码:</label>
                        <input type="text" name="store_address_code" placeholder="输入门店省市编码" th:value="${weChatMchInfo.store_address_code}"/>
                    </div>
                    <div>
                        <label>门店街道名称:</label>
                        <input type="text" name="store_street" placeholder="输入门店街道名称" th:value="${weChatMchInfo.store_street}"/>
                    </div>
                </div>
                <div class="management_img">
                    <div class="qualifications face_upload">
                        <input name="store_entrance_pic" keyName="store_entrance_pic" th:value="${weChatMchInfo.store_entrance_pic}" class="file_input_value" type="hidden" value="">
                        <!--  装图片的盒子-->
                        <div class="upload_img" id="bu_img">
                            <img/>
                        </div>
                        <!-- 选择图片-->
                        <div class="filePicker  upload_btn" id="bu_upload"></div>
                        <!--  图片的类别-->
                        <span>门店门口照片</span>
                    </div>


                    <div class="license face_upload">
                        <input name="indoor_pic" keyName="indoor_pic" class="file_input_value" th:value="${weChatMchInfo.indoor_pic}" type="hidden" value="">
                        <div class="upload_img" id="bl_img">
                            <img/>
                        </div>
                        <div class="filePicker upload_btn" id="bl_upload"></div>
                        <span>店内环境照片</span>
                    </div>
                </div>
                <div class="management public">
                    <div>
                        <label>客服电话:</label>
                        <input type="text" name="service_phone" placeholder="输入客服电话" th:value="${weChatMchInfo.service_phone}"/>
                    </div>
                    <div class="describe">
                        <label>服务描述:</label>
                        <input type="hidden" name="product_desc" th:value="${weChatMchInfo.product_desc}"/>
                        <span>选择服务描述</span>
                        <ul class="describe_ul">
                            <li>餐饮</li>
                            <li>线下零售</li>
                            <li>居民生活服务</li>
                            <li>休闲娱乐</li>
                            <li>交通出行</li>
                            <li>其他</li>
                        </ul>
                    </div>
                </div>
                <!--经营信息结束-->

                <!--提示信息-->
                <div class="tisShi">
                    <p>企业法人/经办人身份信息应填写有效身份证信息,有效身份证的有效期时间填写格式应为:<span>2010-01-01|2020-01-01</span></p>
                </div>
                <!--企业法人/经办人开始-->
                <div class="method public">
                    <div>
                        <label style="font-size: 20px; font-weight: 500;color: #0a8ddf">企业法人/经办人</label>
                    </div>
                    <div>
                        <label>身份证姓名:</label>
                        <input type="text" name="id_card_name" placeholder="输入身份证姓名" th:value="${weChatMchInfo.id_card_name}"/>
                    </div>
                    <div>
                        <label>身份证号码:</label>
                        <input type="text" name="id_card_number" placeholder="输入身份证号码" th:value="${weChatMchInfo.id_card_number}"/>
                    </div>
                </div>
                <div class="management_img">
                    <div class="qualifications face_upload">
                        <input name="id_card_copy" keyName="id_card_copy" th:value="${weChatMchInfo.id_card_copy}" class="file_input_value" type="hidden" value="">
                        <!--  装图片的盒子-->
                        <div class="upload_img" id="bi_img">
                            <img/>
                        </div>
                        <!-- 选择图片-->
                        <div class="filePicker  upload_btn" id="bi_upload"></div>
                        <!--  图片的类别-->
                        <span>身份证人像面照片</span>
                    </div>

                    <div class="license face_upload">
                        <input name="id_card_national" keyName="id_card_national" class="file_input_value" th:value="${weChatMchInfo.id_card_national}" type="hidden" value="">
                        <div class="upload_img" id="bp_img">
                            <img/>
                        </div>
                        <div class="filePicker upload_btn" id="bp_upload"></div>
                        <span>身份证国徽面照片</span>
                    </div>
                </div>
                <div class="method public">
                    <div>
                        <label>有效期:</label>
                        <input type="text" name="id_card_valid_time" placeholder="输入有效期" th:value="${weChatMchInfo.id_card_valid_time}"/>
                    </div>
                </div>
                <!--企业法人/经办人结束-->

                <!--提示信息-->
                <div class="tisShi">
                    <p>微信补贴比列为<span>(非必填)</span></p>
                </div>
                <!--结算信息开始-->
                <div class="settlement public">
                    <div>
                        <label style="font-size: 20px; font-weight: 500;color: #0a8ddf">结算信息</label>
                    </div>
                    <div>
                        <label>微信结算费率:</label>
                        <input type="text" name="wxFinalRate" placeholder="输入结算费率" th:value="${weChatMchInfo.wxFinalRate}"/>
                    </div>
                    <div>
                        <label>微信补贴比列:</label>
                        <input type="text" name="wxSubsidyRate" placeholder="输入补贴比列" th:value="${weChatMchInfo.wxSubsidyRate}"/>
                    </div>
                    <div>
                        <label>开户名称:</label>
                        <input type="text" name="account_name" placeholder="输入开户名" th:value="${weChatMchInfo.account_name}"/>
                    </div>
                    <div>
                        <label>开户银行:</label>
                        <input type="text" name="account_bank" placeholder="输入开户银行" th:value="${weChatMchInfo.account_bank}"/>
                    </div>
                    <div>
                        <label>开户银行省市编码:</label>
                        <input type="text" name="bank_address_code" placeholder="输入银行省市编码" th:value="${weChatMchInfo.bank_address_code}"/>
                    </div>
                    <div>
                        <label>开户银行全称（含支行）:</label>
                        <input type="text" name="bank_name" placeholder="输入银行全称" th:value="${weChatMchInfo.bank_name}"/>
                    </div>
                    <div>
                        <label>银行账号:</label>
                        <input type="text" name="account_number" placeholder="输入银行账号" th:value="${weChatMchInfo.account_number}"/>
                    </div>
                </div>
                <!--结算信息结束-->

                <!--进件提交开始-->
                <div class="submission" sec:authorize="hasRole('AGENCY_MANAGER')">
                    <span class="temporary_storage">暂存</span>
                    <span class="preservation">提交进件</span>
                </div>
                <!--进件提交结束-->
            </form>
        </div>
    </div>

    <script type='text/javascript' src='/zepto/zepto.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='/sui/js/sm.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='/sui/js/sm-extend.min.js' charset='utf-8'></script>
    <script type="text/javascript" src="/js/util/upload.js"></script>
    <script type="text/javascript" src="/js/enterprise/wechat_mch_info.js"></script>
    <script>
        $(document).ready(function () {
           var inp = $('.wx_form input[name=product_desc]').val();
           $('.describe span').text(inp);
        });
    </script>

</div>

</body>
</html>

